<template>
  <div class="link">
    <ul class="link-list">
      <li v-for="(item, index) in linkArray" :key="index">{{ item }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  props: ["linkArray"],
};
</script>

<style lang="scss" scoped>
.link {
  width: 160px;
  height: 100%;
  .link-list {
    width: 100%;
    height: 100%;
    li {
      width: 100%;
      height: 20px;
      margin-top: 10px;
      line-height: 20px;
      font-size: 12px;
      color: white;
      &:first-of-type {
        margin-bottom: 20px;
        font-size: 16px;
      }
    }
  }
}
</style>
